<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
    // navigtor  对象 => 存储着当前设备相关的信息

    // 相关属性
    // onLine  设备是否联网
    // userAgent  用户代理信息, 通过该属性可以获取浏览器及操作系统信息

    // PC: Windows  Mac
    // 移动端: iPhone  Android  BB10  
    // 平板: iPad   


    // document.write(navigator.userAgent);
    // console.log(navigator.userAgent);


    // 识别设备类型? 
    var userAgent = navigator.userAgent;  

    var appList = ["iPhone","Android","BB10"];

    var flag = false; // 假设不是移动端
    for(var i=0;i<appList.length;i++){ // 遍历appList
        var item = appList[i]; // 获取移动端的类型 
        if(userAgent.includes(item)){  // 如果是移动端
            flag = true;
            break;
        }
    }

    if(flag){
        console.log("移动端",item);
    }else{
        console.log("PC/平板");
    }




</script>
</html>